<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>娇兰佳人-会员专区</title>
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="css/tongyong.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css">
    <link rel="stylesheet" href="css/style-VIP.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <div class="header">
    <div class="container">
        <div class="row-1">
            <div class="col-md-1">
                <a href=""><img src="img/sy-header-img1.png" alt=""></a>
            </div>
            <div class="t">
                <span></span>
            </div>
            <div class="t1">
                <span></span>
            </div>
            <div class="col-md-2">
                <input type="search" placeholder="搜索 产品或品牌">
                <a href=""><img src="img/sy-search.png" alt=""></a>
            </div>
            <div class="col-md-3 dt_nav_btn12" id="dt_nav_btn12">
                <p><a href=""><img src="img/sy-name.png" alt=""> &nbsp;&nbsp;注册 | 登录</a></p>
            </div>
            <div class="col-2 dt_nav_content12" id="dt_nav_content12">
                <a href=""><img src="img/sy-wx-1.png" alt=""></a>
            </div>
            <div class="col-md-3 dt_nav_btn13" id="dt_nav_btn13">
                <p><a href=""><img src="img/sy-integral.png" alt=""> &nbsp;&nbsp;积分商城</a></p>
            </div>
            <div class="col-2 dt_nav_content13" id="dt_nav_content13">
                <a href=""><img src="img/sy-wx-2.png" alt=""></a>
            </div>
            <div class="col-md-3">
                <p><a href=""><img src="img/sy-physical-store.png" alt=""> &nbsp;&nbsp;实体店查询</a></p>
            </div>
        </div>
    </div>
</div>
    <div class="nav">
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-1">
                <ul>
                    <li class="li-1"><a href="index.html" class="a1">首页</a><a href="" class="a2"></a></li>
                </ul>
            </div>
            <div class="col-md-1 dt_nav_btn" id="dt_nav_btn">
                <ul>
                    <li class="li-4"><a href="VIP.html" class="a1">会员专区</a><a href="" class="a2"></a></li>
                </ul>
                <div class="dt_nav_content" id="dt_nav_content">
                    <a href="">会员活动</a>
                    <a href="">会员权益</a>
                    <a href="">会员卡领取</a>
                </div>
            </div>
            <div class="col-md-1 dt_nav_btn1" id="dt_nav_btn1">
                <ul>
                    <li class="li-2"><a href="Must-bay.html" class="a1">必买清单</a><a href="" class="a2"></a></li>
                </ul>
                <div class="dt_nav_content1" id="dt_nav_content1">
                    <p><a href="" class="a1">华北</a> <a href="" class="a2">
                        ：( 北京、天津、河北、山东、内蒙古【包头、阿拉善盟、呼和浩特、乌兰察布、锡林郭勒盟、赤峰、通辽、呼伦贝尔、兴安盟】 )</a></p>
                    <p><a href=""  class="a1">东北</a><a href="">：( 辽宁、吉林、黑龙江 )</a></p>
                    <p><a href="" class="a1">华中</a><a href="">：( 湖北、河南 )</a></p>
                    <p><a href="" class="a1">华东</a><a href="">：( 上海、江苏、浙江、安徽 )</a></p>
                    <p><a href="" class="a1">西南（成都）</a><a href="">：( 四川【达州、南充、广安除外】、云南、西藏 )</a></p>
                    <p><a href="" class="a1">西南（重庆）</a><a href="">：( 重庆、贵州、四川【达州、南充、广安】、新疆 )</a></p>
                    <p><a href="" class="a1">西北</a><a href="">：( 陕西、甘肃、宁夏、青海、内蒙古【巴彦淖尔，鄂尔多斯地区，乌海】 )</a></p>
                    <p><a href="" class="a1">华南</a><a href="">：( 广东、广西、湖南、江西、福建、海南、山西 </a></p>

                </div>
            </div>
            <div class="col-md-1 dt_nav_btn2" id="dt_nav_btn2">
                <ul>
                    <li class="li-2"><a href="" class="a1">自有专供</a><a href="" class="a2"></a></li>
                </ul>
                <div class="dt_nav_content2" id="dt_nav_content2">
                    <a href="">REC</a>
                    <a href="">minilab</a>
                    <a href="">柏蕊诗</a>
                    <a href="">珂思蔻</a>
                    <a href="">贝肤泉</a>
                    <a href="">艾伊派</a>
                    <a href="">露芭缇</a>
                    <a href="">婷美•美肌</a>
                    <a href="">植物日记</a>
                    <a href="">卡雯</a>
                    <a href="">瓷律</a>
                </div>
            </div>
            <div class="col-md-1 dt_nav_btn3" id="dt_nav_btn3">
                <ul>
                    <li class="li-2"><a href="Beautiful.html" class="a1">美丽课堂</a><a href="" class="a2"></a></li>
                </ul>
                <div class="dt_nav_content3" id="dt_nav_content3">
                    <a href="">达人show</a>
                    <a href="">美肌酵室</a>
                    <a href="">玩美彩妆</a>
                </div>
            </div>
            <div class="col-md-1">
                <ul>
                    <li class="li-2"><a href="Join-in.html" class="a1">资讯中心</a><a href="" class="a2"></a></li>
                </ul>
            </div>
            <div class="col-md-1 dt_nav_btn4" id="dt_nav_btn4">
                <ul>
                    <li class="li-2"><a href="information.html" class="a1">加盟专区</a><a href="" class="a2"></a></li>
                </ul>
                <div class="dt_nav_content4" id="dt_nav_content4">
                    <a href="">加盟简介</a>
                    <a href="">加盟优势</a>
                    <a href="">加盟案例</a>
                    <a href="">加盟联系</a>
                </div>
            </div>
            <div class="col-md-1 dt_nav_btn5" id="dt_nav_btn5">
                <ul>
                    <li class="li-3"><a href="understand.html" class="a1">了解娇兰佳人</a><a href="" class="a2"></a></li>
                </ul>
                <div class="dt_nav_content5" id="dt_nav_content5">
                    <a href="">公司简介</a>
                    <a href="">品牌形象</a>
                    <a href="">企业社会责任</a>
                </div>
            </div>
        </div>
    </div>
</div>
    <div class="nav-1">
        <div class="container1">

            <div class="row clearfix">
                <div class="col-md-1">
                    <ul>
                        <li class="li-1"><a href="index.html" class="a1">首页</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn">
                    <ul>
                        <li class="li-4"><a href="VIP.html" class="a1">会员专区</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn1">
                    <ul>
                        <li class="li-2"><a href="Must-bay.html" class="a1">必买清单</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn2">
                    <ul>
                        <li class="li-2"><a href="" class="a1">自有专供</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn3">
                    <ul>
                        <li class="li-2"><a href="Beautiful.html" class="a1">美丽课堂</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1">
                    <ul>
                        <li class="li-2"><a href="information.html" class="a1">资讯中心</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn4">
                    <ul>
                        <li class="li-2"><a href="Join-in.html" class="a1">加盟专区</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn5">
                    <ul>
                        <li class="li-3"><a href="understand.html" class="a1">了解娇兰佳人</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="container">
            <div class="banner-main">
                <div class="banner-1 ccc-1" id="pp">
                    <img class="img1" src="img/zq-banner-img.jpg" alt="会员活动">
                </div>
                <div class="banner-2" id="pp1">
                    <img class="img1" src="img/zq-banner-img2.jpg" alt="会员活动">
                </div>
                <div class="banner-3" id="pp2">
                    <img class="img1" src="img/zq-banner-img3.jpg" alt="会员活动">
                </div>
            </div>
            <div class="banner-nav">
                <div class="banner-nav-container">
                    <div class="row-1 clearfix" id="row-1">
                        <div class="c-1">
                            <img src="img/zq-banner-prev.png" alt="">
                        </div>
                        <div class="c-2 a" id="a" onclick="sl('i')">
                            <a>会员活动</a>
                        </div>
                        <div class="c-3 b" id="a1" onclick="sl('j')">
                            <a>会员权益</a>
                        </div>
                        <div class="c-3 b" id="a2" onclick="sl('k')">
                            <a>会员卡领取</a>
                        </div>
                        <div class="c-1 cc-1">
                            <img src="img/zq-banner-next.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="banner-main">
                <div class="banner-1" id="qq">
                    <div class="row-1 clearfix">
                        <div class="col-1">
                            <h2>积分商城简介</h2>
                            <p>娇兰佳人积分商城，一个为娇兰佳人会员提供专属积分服务平台。会员可于平台上使用积分兑换商品、参与抽奖、领取新品等。</p>
                            <p class="p2"><a href="">了解更多>></a></p>
                        </div>
                        <div class="col-2">
                            <a href=""><img src="img/zq-banner-1-img1.png" alt=""></a>
                        </div>
                    </div>
                    <div class="row-1 clearfix row-2">
                        <div class="col-2">
                            <a href=""><img src="img/zq-banner-1-img2.jpg" alt=""></a>
                        </div>
                        <div class="col-1">
                            <h2>会员尊享超值优惠</h2>
                            <p>每月25号积分10倍升值。2019年开始，每月25日为积分升值日。活动当天会员消费满120元，即可最高使用200积分抵20元。</p>
                            <p class="p2"><a href="">了解更多>></a></p>
                        </div>
                    </div>
                    <div class="row-1 clearfix">
                        <div class="col-1">
                            <h2>积分使用说明</h2>
                            <p>会员每消费1.00元，赠送1积分；每使用100积分，抵扣1.00元…</p>
                            <p class="p2"><a href="">了解更多>></a></p>
                        </div>
                        <div class="col-2">
                            <a href=""><img src="img/zq-banner-1-img1.png" alt=""></a>
                        </div>
                    </div>
                </div>
                <div class="banner-2" id="qq1">
                    <div class="row-1">
                        <a href=""><img src="img/zq-banner-2-img1.jpg" alt=""></a>
                    </div>
                    <div class="row-2">
                        <span class="sp-1">积分当钱花，1元积1分，100积分抵1元</span>
                        <span class="sp-1">新会员特惠，尊享满立减</span>
                        <p>√新注册电子会员，即可获得100积分</p>
                        <p>√2019年1月1日-2019年12月31日，新注册会员价值65元优惠套券，包括：</p>
                        <p><span class="sp-2"> A.三张注册立享券：</span>注册即可立即使用，每张单限使用一张优惠券。</p>
                        <p class="p-1">a) &nbsp;&nbsp;&nbsp;&nbsp;5元优惠券：满68元使用</p>
                        <p class="p-1">b) &nbsp;&nbsp;&nbsp;&nbsp;10元优惠券，满100元使用</p>
                        <p class="p-1">c) &nbsp;&nbsp;&nbsp;&nbsp;20元优惠券，满200元使用</p>
                        <p><span class="sp-2">B.三张每月10元彩妆护肤券： </span>注册后次月起连续三个月每月可用一张10元彩妆护肤券（满100元使用）</p>
                        <span class="sp-1">每月积分升值日，200积分抵20元：</span>
                        <p>每月25日为积分增值日，会员买满120元，可用50积分抵现5元，最高200积分抵20元，即积分10倍升值</p>
                        <p class="p"><span class="sp-3">每月会员日，折上9折：</span> 每月15日，会员可以全场9折购买商品，打折商品也参与折上折。<span class="sp-3">会员生日月特权：</span>会员生日当月可获双倍倍积分；生日当天更可
                            获得全场折上95折优惠（北京，天津，河北，山东，内蒙古的包头、阿拉善盟、呼和浩特、乌兰察布、锡林郭勒盟、赤峰、通辽、呼伦贝尔、兴安盟区域不
                            参加）。<span class="sp-3">积分兑换精彩礼品：</span>积分可以实体店作为抵扣（100积分抵1元），参与每月积分升值活动；在积分商城参与积分兑换、积分优惠活动等 <span class="sp-3">电子会员更便利：</span>电子会员不需要随身携带实体卡片，只需出示微信卡包即可扫码，查积分，还可以在微信积分商城上兑换超值礼品（实体卡会员不享受积分商城兑
                            换）</p>
                    </div>
                </div>
                <div class="banner-3" id="qq2">
                    <div class="row-1">
                        <img src="img/zq-banner-3-img1.jpg" alt="">
                    </div>
                    <div class="row-2">
                        <img src="img/zq-banner-3-img2.jpg" alt="">
                    </div>
                    <div class="row-3">
                        <p><span class="sp-1">办理渠道：</span>全国门店、娇兰佳人官方微信</p>
                        <p class="p1"><span class="sp-1">会员卡类型：</span>实体卡或电子会员卡</p>
                        <p class="p1"><span class="sp-1">实体卡办理方式：</span>在全国任一娇兰佳人门店一次性消费满50元即可免费办理。</p>
                        <span class="sp-2">电子会员卡办理方式：</span>
                        <p class="p2"><span class="sp-3">方式1: </span>微信途径搜索及关注“娇兰佳人”服务号-会员中心-注册/绑定即可办理；</p>
                        <p class="p2"><span class="sp-3">方式2：</span>官网途径-免费办理会员卡-扫描页面二维码即可注册/绑定；</p>
                        <p class="p2"><span class="sp-3">方式3：</span>前往全国任一娇兰佳人门店扫码即可注册/绑定</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="footer-top">
                <div class="row-1 clearfix">
                    <div class="col-1">
                        <a href=""><img src="img/sy-header-img1.png" alt=""></a>
                    </div>
                    <div class="col-2 dt_nav_btn11" id="dt_nav_btn11">
                        <a href=""><img src="img/sy-footer-btn1.png" alt=""> &nbsp;关注微信</a>
                    </div>
                    <div class="dt_nav_content11" id="dt_nav_content11">
                        <i class="fas fa-caret-up"></i>
                        <a href=""><img src="img/sy-wx-3.png" alt=""></a>
                    </div>
                    <div class="col-2 dt_nav_btn11">
                        <a href=""><img src="img/sy-footer-btn2.png" alt="">  &nbsp;关注微博</a>
                    </div>
                    <div class="col-2" id="toTop">
                        <a href=""><img src="img/sy-footer-top-btn.png" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="footer-middle"></div>
            <div class="footer-bottom">
                <div class="row-1">
                    <ul class="nav1 clearfix">
                        <li class="li-2"><a href="">会员专区</a></li>
                        <li><a href="">必买清单</a></li>
                        <li><a href="">自有专供</a></li>
                        <li><a href="">美丽课堂</a></li>
                        <li><a href="">资讯中心</a></li>
                        <li><a href="">加盟专区</a></li>
                        <li class="li-1"><a href="">了解娇兰佳人</a></li>
                    </ul>
                </div>
                <div class="row-2">
                    <p>友情链接 :<a href="">柏蕊诗</a> <a href="">贝肤泉</a> <a href="">婷美美肌</a> <a href="">植物日记</a> <a
                            href="">Coscure珂思蔻</a> <a href="">瓷律</a></p>
                </div>
                <div class="row-3">
                    <p>热门词汇 :<a href="">连锁加盟</a> <a href="">曼秀雷敦</a> <a href="">新碧</a> <a href="">旁氏</a></p>
                </div>
                <div class="row-4">
                    <p>Copyright &copy; 2018  广州娇兰佳人化妆品连锁有限公司 版权所有 <a href=""> 粤ICP备14000798号-1</a> <a href=""><img src="img/sy-footer-btn3.png" alt=""></a><a href="">粤公网安备 44011102001848号</a></p>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="js/vue.js"></script>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/script-VIP.js"></script>
</html>